@charset "UTF-8";
.page-main { background: #fff; padding-bottom: 60px; }

.martop { margin-top: 20px; }

/*婚宴场馆*/
.venue-list { width: 1000px; margin: 0 auto; height: auto; overflow: hidden; }

.venue-list li { width: 950px; padding: 24px; border: solid 1px #dfdfdf; margin-top: 30px; cursor: pointer; height: auto; overflow: hidden; }

.venue-list .img-cont { float: left; width: 505px; height: 240px; position: relative; }

.venue-list .img-cont span { position: absolute; top: 15px; left: 10px; padding: 8px 10px; background: url(../images/opacity7.png?v=29b49); border-radius: 5px; color: #ffb700; line-height: 25px; }

.venue-list .img-cont i { display: inline-block; width: 28px; height: 25px; background-image: url(../images/icon.png?v=4887a); background-position: 0 -22px; float: left; margin-right: 10px; }

.venue-list img { width: 100%; height: 100%; }

.venue-list .info { float: left; width: 400px; margin-left: 40px; }

.venue-list p { width: 100%; height: 54px; line-height: 54px; border-bottom: solid 1px #666; font-size: 20px; color: #333; }

.venue-list p i { display: inline-block; width: 0; height: 0; border-top: 8px solid transparent; border-right: 10px solid #333; border-bottom: 8px solid transparent; margin-left: 15px; }

.venue-list li:hover { border: solid 1px #ffb700; }

.venue-list li:hover p { border-bottom: solid 1px #ffb700; color: #ffb700; font-weight: bold; }

.venue-list li:hover p i { border-right: 10px solid #ffb700; }

.venue-list table { width: 100%; margin-top: 25px; }

.venue-list table tr { background: #f7f7f7; text-align: center; }

.venue-list table td { line-height: 35px; color: #666; border-bottom: solid 1px #fff; }

.venue-list table th { width: 100px; background: #ffb700; color: #fff; font-weight: bold; border-bottom: solid 1px #fff; height:36px;}

/*婚宴套餐*/
.pckage-list { width: 1000px; margin: 0 auto; height: auto; overflow: hidden; padding-top: 15px; }

.pckage-list li { width: 100%; margin-top: 15px; padding-bottom: 15px; border-bottom: dashed 1px #d5d5d5; height: auto; overflow: hidden; }

.pckage-list .cont { width: 998px; height: 300px; border: solid 1px #dfdfdf; cursor: pointer; position: relative; }

.pckage-list .cont:hover { border: solid 1px #ffb700; background: #fff1cf; }

.pckage-list img { height: 100%; width: 670px; float: left; }

.pckage-list .bg { position: absolute; z-index: 2; width: 670px; height: 300px; background: url(../images/opacity.png?v=7e766); top: 1px; left: 1px; display: none; }

.pckage-list .anmt-title { position: absolute; z-index: 5; font-size: 24px; font-weight: bold; color: #ffb700; padding: 20px 40px; border: solid 1px #ffb700; left: 235px; top: -80px; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }

.pckage-list .cont:hover .bg { display: block; }

.pckage-list .cont:hover .anmt-title { top: 115px; }

.pckage-list .info { float: left; width: 328px; text-align: center; color: #323232; }

.pckage-list .title { font-size: 24px; border-bottom: solid 1px #707070; width: 120px; margin: 0 auto; padding-bottom: 10px; margin-top: 20px; }

.pckage-list .text { font-size: 12px; margin-top: 10px; }

.pckage-list table { border-left: solid 1px #707070; border-top: solid 1px #707070; margin: 0 auto; margin-top: 10px; }

.pckage-list table td { border-right: solid 1px #707070; border-bottom: solid 1px #707070; line-height: 30px; width: 130px; }

/*场馆介绍*/
.venue-banner { width: 100%; height: 555px; position: relative; }

.venue-banner .banner-left, .venue-banner .banner-right { position: absolute; z-index: 5; width: 50%; height: 100%; top: 0; background-image: url(../images/venue-bg.png?v=3c19e); }

.venue-banner .banner-cont { width: 1100px; position: absolute; height: 100%; left: 50%; margin-left: -550px; z-index: 5; top: 0; }

.venue-banner .tip { float: right; margin-right: 50px; margin-top: 85px; width: 280px; padding: 20px; height: 310px; background-image: url(../images/opacity7.png?v=29b49); }

.venue-banner .title { height: 60px; width: 100%; border-bottom: solid 1px #ffb700; text-align: center; font-size: 30px; font-weight: bold; color: #555; }

.venue-banner .list { width: 100%; padding: 15px 0; height: auto; overflow: hidden; border-bottom: solid 1px #ffb700; }

.venue-banner .list li { line-height: 35px; font-size: 16px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.venue-banner .list li i{display: inline-block;background-image: url(../images/triggle.png);width:6px;height:11px;}

.venue-banner .bespeak { display: block; width: 100%; margin-top: 20px; height: 40px; text-align: center; line-height: 40px; color: #fff; background-color: #ffb700; font-size: 18px; }

.venue-banner .bespeak:hover { background: #e7a601; }

.venue-banner .brife { width: 100%; height: 108px; position: absolute; bottom: 0; left: 0; background: url(../images/venue-ban.png?v=83747); }

.venue-banner span { width: 60px; height: 1px; display: block; background: #fff; margin: 18px 0 15px 35px; }

.venue-banner .text { margin-left: 35px; color: #fff; line-height: 25px; }

.out { position: relative; width: 100%; height: 555px; }

.out .img li { position: absolute; top: 0; left: 0; display: none; width: 100%; }

.out .img li img { width: 100%; height: 555px; }

.out .num { position: absolute; bottom: 15px; width: auto; z-index: 10; }

.out .num li { width: 18px; height: 8px; display: inline-block; margin-left: 10px; cursor: pointer; background-image: url(../images/icon.png?v=4887a); background-position: -29px -23px; }

.out .num li.active { background-position: -47px -23px; }

.venue-title { width: 1000px; height: 30px; margin: 0 auto; background-image: url(../images/venue.png?v=32cfb); margin-top: 55px; text-align: center; line-height: 30px; font-size: 30px; color: #444; }

.venue-text { width: 100%; text-align: center; line-height: 35px; color: #676767; }

.theme-list { width: 100%; height: auto; overflow: hidden;  }

.theme-list li { float: left; margin: 25px 25px 0 0; width: 350px; cursor: pointer; position: relative; height: 256px; overflow: hidden; }

.theme-list img { width: 100%; height: 215px; position: absolute; top: 0; left: 0; z-index: 2; }

.theme-list p { width: 100%; height: 41px; text-align: center; line-height: 41px; color: #4e4e4e; position: absolute; left: 0; bottom: 0; z-index: 2; }

.theme-list .theme-bg { background: #d5d5d5; position: absolute; width: 0; height: 100%; z-index: 1; top: 0; left: 0; transition: all .6s; -webkit-transition: all .6; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }

.theme-list li:hover .theme-bg { width: 100%; }

.theme-list .theme-img { position: fixed; width: 840px; height: 520px; top: -150%; left: 50%; margin: -260px 0 0 -420px; background-color: #f4f4f4;border-radius: 6px; z-index: 115; transition: all .8s; -webkit-transition: all .8; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }

.theme-list .close { position: absolute; width: 20px; height: 20px; background: url(../images/icon-x.png?v=f0bc6); top: -30px; right: -30px; cursor: pointer; z-index: 10; opacity: .5; filter: alpha(opacity=50); transition: all .5s; -webkit-transition: all .5; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }

.theme-list .close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); opacity: 1; filter: alpha(opacity=100);}

.theme-list .theme-img.act { top: 50%; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -webkit-transition-property: -webkit-transform, left, top; transition-property: transform, left, top; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; transition-timing-function: ease; box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; box-sizing: content-box; }

.device { width: 820px; height: 500px; padding: 10px; position: relative; }

.device .arrow-left, .device .arrow-right { position: absolute; top: 50%; margin-top: -22px; width: 15px; height: 27px; background-size: 100% 100%; opacity: .5; filter: alpha(opacity=50); }

.device .arrow-left { left: -40px; background-image: url(../images/icon-prev.png?v=0d408); }

.device .arrow-right { right: -40px; background-image: url(../images/icon-next.png?v=a5614); }

.device .arrow-left:hover, .device .arrow-right:hover { opacity: 1; filter: alpha(opacity=100); }

.swiper-container { width: 820px; height: 500px; }

.swiper-container img { width: 820px; height: 500px; position: relative;}


.popup-bespeak { position: fixed; width: 710px; height: 400px; background-color: #fff; z-index: 115; top: -150%; left: 50%; margin: -225px 0 0 -355px; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }

.popup-bespeak .close { position: absolute; width: 13px; height: 13px; background: url(../images/close.png?v=8c6bf); top: 30px; right: 30px; cursor: pointer; z-index: 10; transition: all .5s; -webkit-transition: all .5; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }

.popup-bespeak .close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.popup-bespeak .head { width: 100%; height: 70px; border-bottom: solid 1px #cfcfcf; text-align: center; line-height: 70px; font-size: 22px; color: #ffb700; }

.popup-bespeak ul { width: 600px; padding: 0 55px; height: auto; overflow: hidden; margin-top: 10px; }

.popup-bespeak li { float: left; margin-top: 25px; margin-left:20px;}

.popup-bespeak input,select { width: 275px; height: 35px; border: solid 1px #cacaca; line-height: 35px; text-indent: 10px; }

.popup-bespeak .message { text-align: center; color: #ff0000; line-height: 30px; margin-top: 10px; }

.popup-bespeak .submit { display: block; width: 160px; height: 40px; margin: 0 auto; background-color: #ffb700; color: #fff; text-align: center; line-height: 40px; border-radius: 5px; font-size: 16px; }

.popup-bespeak.act { top: 50%; }

.banner { position: relative; zoom: 1; overflow: hidden; }

.index_b_hero { position: relative; margin: auto; width: 1100px; height: 555px; }

.index_b_hero img { width: 1100px; height: 555px; }

.index_b_hero .heros { width: 1100px; height: 555px; }

.index_b_hero .hero-wrap { position: absolute; overflow: visible; }

.index_b_hero .hero { position: absolute; top: 0; left: 0; z-index: 1; width: 1100px; height: 555px; overflow: hidden; }

.index_b_hero .mask-left, .index_b_hero .mask-right { position: absolute; top: 0; left: 0; z-index: 1; width: 1100px; height: 555px; overflow: hidden; background: url(../images/venue-bg.png?v=3c19e); }

.index_b_hero .mask-left { left: -1100px; }

.index_b_hero .mask-right { left: 1100px; }

